<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>大荒编年史_天下3历届资料片盘点</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/topNav.css">
    <link rel="stylesheet" href="css/iconfont/iconfont.css">
    <link rel="stylesheet" href="css/year.css">
    <link rel="shortcut icon" href="favicon.ico">
    <script type="text/javascript" src="js/base.js"></script>
    <script type="text/javascript" src="js/topNav.js"></script>
</head>
<body>
<!--header部分-->
<div class="year-header">
    <!--logo-->
    <div class="logo-div"></div>
    <div class="header-w">
        <ul class="headerNav clearfix">
            <li><i>&bull;</i><a href="index.html" target="_blank">进入官网 </a></li>
            <li><i>&bull;</i><a href="http://tx3.163.com/reg/" target="_blank">帐号注册</a></li>
            <li><i>&bull;</i><a href="http://tx3.163.com/download/" target="_blank">游戏下载</a></li>
        </ul>
        <div class="year-share">
            <div class="share-to">
                <span>分享到:</span>
                <ul>
                    <li><a href="" class="iconfont icon-weixin" title="分享到微信"></a></li>
                    <li><a href="" class="iconfont icon-yixin" title="分享到易信"></a></li>
                    <li><a href="" class="iconfont icon-xinlang" title="分享到新浪微博"></a></li>
                    <li><a href="" class="iconfont icon-qqkongjian" title="分享到qq空间"></a></li>
                    <li><a href="" class="iconfont icon-tengxunweibo" title="分享到腾讯微博"></a></li>
                    <li class="last-li">
                        <a href="" class="iconfont icon-icontianjia01" title=""></a>
                        <div class="share-more">
                            <ul class="share-more-ul">
                                <li><a href="iconfont share-btn1">人人网</a></li>
                                <li><a href="iconfont share-btn2">QQ好友</a></li>
                                <li><a href="iconfont share-btn3">豆瓣</a></li>
                                <li><a href="iconfont share-btn4">百度贴吧</a></li>
                            </ul>
                        </div>
                    </li>
                </ul>

            </div>
        </div>
    </div>
</div>

<!--右侧栏-->
<div class="sidebar">
    <ul>
        <li class="current"><a href="javascript:;">2016</a></li>
        <li><a href="javascript:;">2015</a></li>
        <li><a href="javascript:;">2014</a></li>
        <li><a href="javascript:;">2013</a></li>
        <li><a href="javascript:;">2012</a></li>
        <li><a href="javascript:;">2011</a></li>
        <li><a href="javascript:;">2010</a></li>
        <li><a href="javascript:;">2009</a></li>
        <li><a href="javascript:;">2008</a></li>
    </ul>
    <div class="backTop">
        <a href="javascript:;"></a>
        <span>返回顶部</span>
    </div>
</div>
<!--2016年-->

<div class="all-year year-sixteen">
    <h2>2016 <span>年</span></h2>
    <div class="w">
        <!--左半部分-->
        <div class="pro pro-left year-left-2016">
            <!--左半部分的上面top部分-->
            <div class="pro-top">
                <!--左半部分的上面title部分-->
                <div class="title">
                    <p class="big-title">昆仑变</p>
                    <span class="line"></span>
                    <p class="sub-title">全新资料片 12月2日公测</p>
                </div>
                <!--左半部分的上面ul部分-->
                <ul class="pro-ul">
                    <li><a href=""><i>•</i>新地图</a></li>
                    <li><a href=""><i>•</i>新剧情</a></li>
                    <li><a href=""><i>•</i>新武器</a></li>
                    <li><a href=""><i>•</i>新副本</a></li>
                </ul>
            </div>
            <div class="img-mask">
                <div class="mask">昆仑变</div>
                <img src="images/year/banner-2016-l.jpg" alt="">
            </div>
            <a href="" class="pro-btn-a">点击查看</a>
        </div>
        <div class="pro pro-right year-right-2016">
            <!--右半部分的上面top部分-->
            <div class="pro-top">
                <!--右半部分的上面title部分-->
                <div class="title">
                    <p class="big-title">魔影幽篁</p>
                    <span class="line"></span>
                    <p class="sub-title">全新资料片 6月17日公测</p>
                </div>
                <!--右半部分的上面ul部分-->
                <ul class="pro-ul">
                    <li><a href=""><i>•</i>新门派</a></li>
                    <li><a href=""><i>•</i>新世界战场</a></li>
                    <li><a href=""><i>•</i>新副本掉落</a></li>
                </ul>
            </div>
            <div class="img-mask">
                <div class="mask">魔影幽篁</div>
                <img src="images/year/banner-2016-r.jpg" alt="">
            </div>
            <a href="" class="pro-btn-a">点击查看</a>
        </div>
    </div>
</div>
<!--2015-->
<div class="all-year year-Fifteen">
    <h2>2015<span>年</span></h2>
    <div class="w" id="w">
        <div class="pro pro-left year-left-2015">
            <!--左半部分的上面top部分-->
            <div class="pro-top">
                <!--左半部分的上面title部分-->
                <div class="title">
                    <p class="big-title">战意归宗</p>
                    <span class="line"></span>
                    <p class="sub-title">全新资料片 12月11日公测</p>
                </div>
                <!--左半部分的上面ul部分-->
                <ul class="pro-ul short">
                    <li><a href=""><i>•</i>十大门派归宗技</a></li>
                    <li><a href=""><i>•</i>门派转换</a></li>
                    <li><a href=""><i>•</i>多人幻化</a></li>
                    <li><a href=""><i>•</i>萝莉正太体型</a></li>
                    <li><a href=""><i>•</i>势力战迭代</a></li>
                    <li><a href=""><i>•</i>家仆系统</a></li>
                    <li><a href=""><i>•</i>弹幕系统</a></li>
                    <li><a href=""><i>•</i>银币系统</a></li>
                    <li><a href=""><i>•</i>同袍系统</a></li>
                </ul>
            </div>
            <div class="img-mask">
                <div class="mask">战意归宗</div>
                <img src="images/year/banner-2015-l.jpg" alt="">
            </div>
            <a href="" class="pro-btn-a">点击查看</a>
        </div>
        <div class="pro pro-right year-right-2015">
            <!--右半部分的上面top部分-->
            <div class="pro-top">
                <!--右半部分的上面title部分-->
                <div class="title">
                    <p class="big-title">躁动大荒</p>
                    <span class="line"></span>
                    <p class="sub-title">全新资料片 10月30日公测</p>
                </div>
                <!--右半部分的上面ul部分-->
                <ul class="pro-ul">
                    <li><a href=""><i>•</i>情谊躁动：全新同袍系统</a></li>
                    <li><a href=""><i>•</i>战斗躁动：势力战新迭代</a></li>
                    <li><a href=""><i>•</i>全屏躁动：次元弹幕系统</a></li>
                    <li><a href=""><i>•</i>视觉躁动：技能自我定制</a></li>
                    <li><a href=""><i>•</i>财富躁动：手工技能迭代</a></li>
                </ul>
            </div>
            <div class="img-mask">
                <div class="mask">躁动大荒</div>
                <img src="images/year/banner2015-r.jpg" alt="">
            </div>
            <a href="" class="pro-btn-a">点击查看</a>
        </div>
        <!--2015年中的最下面的那个图-->
        <div class="pro-sp1 pro-sigle">
            <!--<div class="img-mask">-->
            <!--<div class="mask">逆世之战</div>-->
            <img src="images/year/banner2015-x.jpg" alt="">
            <!--</div>-->
            <!--右半部分的上面top部分-->
            <div class="pro-top">
                <!--右半部分的上面title部分-->
                <div class="title">
                    <p class="big-title">逆世之战</p>
                    <span class="line"></span>
                    <p class="sub-title">全新资料片 7月9日公测</p>
                    <a href="" class="pro-btn-a">点击查看</a>
                </div>
                <!--右半部分的上面ul部分-->
                <ul class="pro-ul">
                    <li><a href=""><i>•</i>情谊躁动：全新同袍系统</a></li>
                    <li><a href=""><i>•</i>战斗躁动：势力战新迭代</a></li>
                    <li><a href=""><i>•</i>全屏躁动：次元弹幕系统</a></li>
                    <li><a href=""><i>•</i>视觉躁动：技能自我定制</a></li>
                    <li><a href=""><i>•</i>财富躁动：手工技能迭代</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--2014年-->
<div class="all-year year-forteen">
    <h2>2014 <span>年</span></h2>
    <div class="w">
        <!--左半部分-->
        <div class="pro pro-left year-left-2014">
            <!--左半部分的上面top部分-->
            <div class="pro-top">
                <!--左半部分的上面title部分-->
                <div class="title">
                    <p class="big-title">北溟幻世录</p>
                    <span class="line"></span>
                    <p class="sub-title">全新资料片 6月5日公测</p>
                </div>
                <!--左半部分的上面ul部分-->
                <ul class="pro-ul">
                    <li><a href=""><i>•</i>新地图“北溟”</a></li>
                    <li><a href=""><i>•</i>新剧情"幽都王来临"</a></li>
                    <li><a href=""><i>•</i>新副本：丹青山/孔雀灵宫</a></li>
                    <li><a href=""><i>•</i>携手Havok ，引擎升级</a></li>
                </ul>
            </div>
            <div class="img-mask">
                <div class="mask">北溟幻世录</div>
                <img src="images/year/banner-2014-l.jpg" alt="">
            </div>
            <a href="" class="pro-btn-a">点击查看</a>
        </div>
        <div class="pro pro-right year-right-2014">
            <!--右半部分的上面top部分-->
            <div class="pro-top">
                <!--右半部分的上面title部分-->
                <div class="title">
                    <p class="big-title">逐焰南海</p>
                    <span class="line"></span>
                    <p class="sub-title">全新资料片 12月4日公测</p>
                </div>
                <!--右半部分的上面ul部分-->
                <ul class="pro-ul">
                    <li><a href=""><i>•</i>新地图“南海”</a></li>
                    <li><a href=""><i>•</i>新剧情“南海一周目</a></li>
                    <li><a href=""><i>•</i>自定义容颜系统</a></li>
                    <li><a href=""><i>•</i>定制化轻功“御风行”</a></li>
                    <li><a href=""><i>•</i>多元化势力玩法</a></li>
                </ul>
            </div>
            <div class="img-mask">
                <div class="mask">逐焰南海</div>
                <img src="images/year/banner-2014-r.jpg" alt="">
            </div>
            <a href="" class="pro-btn-a">点击查看</a>
        </div>
    </div>
</div>
<!--2013年-->
<div class="all-year year-thirteen">
    <h2>2013 <span>年</span></h2>
    <div class="w">
        <!--左半部分-->
        <div class="pro pro-left year-left-2013">
            <!--左半部分的上面top部分-->
            <div class="pro-top">
                <!--左半部分的上面title部分-->
                <div class="title">
                    <p class="big-title">斗魂觉醒</p>
                    <span class="line"></span>
                    <p class="sub-title">资料片 6月26日公测</p>
                </div>
                <!--左半部分的上面ul部分-->
                <ul class="pro-ul">
                    <li><a href=""><i>•</i>全新觉醒技能系统</a></li>
                    <li><a href=""><i>•</i>跨服同门竞技场</a></li>
                    <li><a href=""><i>•</i>镜像副本：邪影之世</a></li>
                    <li><a href=""><i>•</i>无限制乱斗玩法流光梦境</a></li>
                </ul>
            </div>
            <div class="img-mask">
                <div class="mask">斗魂觉醒</div>
                <img src="images/year/banner-2013-l.jpg" alt="">
            </div>
            <a href="" class="pro-btn-a">点击查看</a>
        </div>
        <div class="pro pro-right year-right-2013">
            <!--右半部分的上面top部分-->
            <div class="pro-top">
                <!--右半部分的上面title部分-->
                <div class="title">
                    <p class="big-title">天下3・重生</p>
                    <span class="line"></span>
                    <p class="sub-title">全新版本 12月5日震撼开测</p>
                </div>
                <!--右半部分的上面ul部分-->
                <ul class="pro-ul">
                    <li><a href=""><i>•</i>新门派：鬼墨，龙巫宫</a></li>
                    <li><a href=""><i>•</i>新场景：九黎幻世</a></li>
                    <li><a href=""><i>•</i>新战场：建木战场</a></li>
                    <li><a href=""><i>•</i>新副本：巫蛊神庙</a></li>
                    <li><a href=""><i>•</i>新剧情：新门派与大荒</a></li>
                </ul>
            </div>
            <div class="img-mask">
                <div class="mask">天下3・重生</div>
                <img src="images/year/banner-2013-r.jpg" alt="">
            </div>
            <a href="" class="pro-btn-a">点击查看</a>
        </div>
    </div>
</div>
<!--2012年-->
<div class="all-year year-twelve">
    <h2>2012 <span>年</span></h2>
    <div class="w">
        <!--左半部分-->
        <div class="pro pro-left year-left-2012">
            <!--左半部分的上面top部分-->
            <div class="pro-top">
                <!--左半部分的上面title部分-->
                <div class="title">
                    <p class="big-title">天下3公测版</p>
                    <span class="line"></span>
                    <p class="sub-title">全新资料片 12月2日公测</p>
                </div>
                <!--左半部分的上面ul部分-->
                <ul class="pro-ul">
                    <li><a href=""><i>•</i>新地图</a></li>
                    <li><a href=""><i>•</i>新剧情</a></li>
                    <li><a href=""><i>•</i>新武器</a></li>
                    <li><a href=""><i>•</i>新副本</a></li>
                </ul>
            </div>
            <div class="img-mask">
                <div class="mask">天下3公测版</div>
                <img src="images/year/banner-2012-l.jpg" alt="">
            </div>
            <a href="" class="pro-btn-a">点击查看</a>
        </div>
        <div class="pro pro-right year-right-2012">
            <!--右半部分的上面top部分-->
            <div class="pro-top">
                <!--右半部分的上面title部分-->
                <div class="title">
                    <p class="big-title">3DX</p>
                    <span class="line"></span>
                    <p class="sub-title">全新资料片 6月17日公测</p>
                </div>
                <!--右半部分的上面ul部分-->
                <ul class="pro-ul">
                    <li><a href=""><i>•</i>新门派</a></li>
                    <li><a href=""><i>•</i>新世界战场</a></li>
                    <li><a href=""><i>•</i>新副本掉落</a></li>
                </ul>
            </div>
            <div class="img-mask">
                <div class="mask">3DX</div>
                <img src="images/year/banner-2012-r.jpg" alt="">
            </div>
            <a href="" class="pro-btn-a">点击查看</a>
        </div>
    </div>
</div>
<!--2011年-->
<div class="all-year year-eleventh">
    <h2>2011 <span>年</span></h2>
    <div class="w">
        <!--左半部分-->
        <div class="pro pro-left year-left-2011">
            <!--左半部分的上面top部分-->
            <div class="pro-top">
                <!--左半部分的上面title部分-->
                <div class="title">
                    <p class="big-title">逐鹿中原</p>
                    <span class="line"></span>
                    <p class="sub-title">全新资料片 12月2日公测</p>
                </div>
                <!--左半部分的上面ul部分-->
                <ul class="pro-ul">
                    <li><a href=""><i>•</i>新地图</a></li>
                    <li><a href=""><i>•</i>新剧情</a></li>
                    <li><a href=""><i>•</i>新武器</a></li>
                    <li><a href=""><i>•</i>新副本</a></li>
                </ul>
            </div>
            <div class="img-mask">
                <div class="mask">逐鹿中原</div>
                <img src="images/year/banner-2011-l.jpg" alt="">
            </div>
            <a href="" class="pro-btn-a">点击查看</a>
        </div>
        <div class="pro pro-right year-right-2011">
            <!--右半部分的上面top部分-->
            <div class="pro-top">
                <!--右半部分的上面title部分-->
                <div class="title">
                    <p class="big-title">天下3内测版</p>
                    <span class="line"></span>
                    <p class="sub-title">全新资料片 6月17日公测</p>
                </div>
                <!--右半部分的上面ul部分-->
                <ul class="pro-ul">
                    <li><a href=""><i>•</i>新门派</a></li>
                    <li><a href=""><i>•</i>新世界战场</a></li>
                    <li><a href=""><i>•</i>新副本掉落</a></li>
                </ul>
            </div>
            <div class="img-mask">
                <div class="mask">天下3内测版</div>
                <img src="images/year/banner-2011-r.jpg" alt="">
            </div>
            <a href="" class="pro-btn-a">点击查看</a>
        </div>
    </div>
</div>
<!--2010年-->
<div class="all-year year-ten">
    <h2>2010 <span>年</span></h2>
    <div class="w">
        <!--左半部分-->
        <div class="pro pro-left year-left-2010">
            <div class="img-mask">
                <div class="mask">幻龙诀</div>
                <img src="images/year/banner-2010-l.jpg" alt="">
            </div>
            <!--左半部分的上面top部分-->
            <div class="pro-top">
                <!--左半部分的上面title部分-->
                <div class="title">
                    <p class="big-title">幻龙诀</p>
                    <span class="line"></span>
                    <p class="sub-title">全新资料片 12月2日公测</p>
                </div>
                <!--左半部分的上面ul部分-->
                <ul class="pro-ul">
                    <li><a href=""><i>•</i>新地图</a></li>
                    <li><a href=""><i>•</i>新剧情</a></li>
                    <li><a href=""><i>•</i>新武器</a></li>
                    <li><a href=""><i>•</i>新副本</a></li>
                </ul>
                <a href="" class="pro-btn-a spe">点击查看</a>
            </div>
        </div>


    </div>
</div>
</div>
<!--2009年-->
<div class="all-year year-nine">
    <h2>2009 <span>年</span></h2>
    <div class="w">
        <!--左半部分-->
        <div class="pro pro-left year-left-2009">
            <!--左半部分的上面top部分-->
            <div class="pro-top">
                <!--左半部分的上面title部分-->
                <div class="title">
                    <p class="big-title">情动大荒</p>
                    <span class="line"></span>
                    <p class="sub-title">全新资料片 12月2日公测</p>
                </div>
                <!--左半部分的上面ul部分-->
                <ul class="pro-ul">
                    <li><a href=""><i>•</i>新地图</a></li>
                    <li><a href=""><i>•</i>新剧情</a></li>
                    <li><a href=""><i>•</i>新武器</a></li>
                    <li><a href=""><i>•</i>新副本</a></li>
                </ul>
            </div>
            <div class="img-mask">
                <div class="mask">情动大荒</div>
                <img src="images/year/banner-2009-l.jpg" alt="">
            </div>
            <a href="" class="pro-btn-a">点击查看</a>
        </div>
        <div class="pro pro-right year-right-2009">
            <!--右半部分的上面top部分-->
            <div class="pro-top">
                <!--右半部分的上面title部分-->
                <div class="title">
                    <p class="big-title">飞龙在天</p>
                    <span class="line"></span>
                    <p class="sub-title">全新资料片 6月17日公测</p>
                </div>
                <!--右半部分的上面ul部分-->
                <ul class="pro-ul">
                    <li><a href=""><i>•</i>新门派</a></li>
                    <li><a href=""><i>•</i>新世界战场</a></li>
                    <li><a href=""><i>•</i>新副本掉落</a></li>
                </ul>
            </div>
            <div class="img-mask">
                <div class="mask">飞龙在天</div>
                <img src="images/year/banner-2009-r.jpg" alt="">
            </div>
            <a href="" class="pro-btn-a">点击查看</a>
        </div>
        <!--2015年中的最下面的那个图-->
        <div class="pro-sp2 pro-sigle">
            <!--<div class="img-mask">-->
            <!--<div class="mask">昆仑变</div>-->
            <img src="images/year/banner-2009-x.jpg" alt="">
            <!--</div>-->
            <!--右半部分的上面top部分-->
            <div class="pro-top">
                <!--右半部分的上面title部分-->
                <div class="title">
                    <p class="big-title">天下贰</p>
                    <span class="line"></span>
                    <p class="sub-title">全新资料片 7月9日公测</p>
                    <a href="" class="pro-btn-a">点击查看</a>
                </div>
                <!--右半部分的上面ul部分-->
                <ul class="pro-ul">
                    <li><a href=""><i>•</i>情谊躁动：全新同袍系统</a></li>
                    <li><a href=""><i>•</i>战斗躁动：势力战新迭代</a></li>
                    <li><a href=""><i>•</i>全屏躁动：次元弹幕系统</a></li>
                    <li><a href=""><i>•</i>视觉躁动：技能自我定制</a></li>
                    <li><a href=""><i>•</i>财富躁动：手工技能迭代</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--2008年-->
<div class="all-year year-eight ">
    <h2>2008 <span>年</span></h2>
    <div class="w clearfix">
        <!--左半部分-->
        <div class="pro pro-left year-left-2008">
            <!--左半部分的上面top部分-->
            <div class="pro-top">
                <!--左半部分的上面title部分-->
                <div class="title">
                    <p class="big-title">天下贰</p>
                    <span class="line"></span>
                    <p class="sub-title">全新资料片 12月2日公测</p>
                </div>
                <!--左半部分的上面ul部分-->
                <ul class="pro-ul">
                    <li><a href=""><i>•</i>新地图</a></li>
                    <li><a href=""><i>•</i>新剧情</a></li>
                    <li><a href=""><i>•</i>新武器</a></li>
                    <li><a href=""><i>•</i>新副本</a></li>
                </ul>
            </div>
            <div class="img-mask">
                <div class="mask">天下贰</div>
                <img src="images/year/banner-2008-l.jpg" alt="">
            </div>
            <a href="" class="pro-btn-a">点击查看</a>
        </div>
        <div class="pro pro-right year-right-2008">
            <!--右半部分的上面top部分-->
            <div class="pro-top">
                <!--右半部分的上面title部分-->
                <div class="title">
                    <p class="big-title">兵临城下</p>
                    <span class="line"></span>
                    <p class="sub-title">全新资料片 6月17日公测</p>
                </div>
                <!--右半部分的上面ul部分-->
                <ul class="pro-ul">
                    <li><a href=""><i>•</i>新门派</a></li>
                    <li><a href=""><i>•</i>新世界战场</a></li>
                    <li><a href=""><i>•</i>新副本掉落</a></li>
                </ul>
            </div>
            <div class="img-mask">
                <div class="mask">兵临城下</div>
                <img src="images/year/banner2008-r.jpg" alt="">
            </div>
            <a href="" class="pro-btn-a">点击查看</a>
        </div>
    </div>
    <!--footer部分开始-->
    <div class="login-footer">
        <ul>
            <li>
                <a href="http://www.163.com" class="footer-net-a">
                    <img src="images/year/netease.1.png" alt="">
                </a>
            </li>

            <li>
                <a href="http://www.163.com" class="footer-game-a">      <!--网址不对-->
                    <img src="images/year/nie.1.png" alt="">
                </a>
            </li>
            <li>
                <a href="" class="footer-wen-a">      <!--网址不对-->
                    <img src="images/year/wen.png" alt="">
                </a>
            </li>
        </ul>
        <p class="more-a">
            <a href="">公司简介</a><span>-</span><a href="">客户服务</a><span>-</span><a href="">相关法律</a><span>-</span><a
                href="">网易游戏</a><span>-</span><a
                href="">联系我们</a><span>-</span>
            <a href="">商务合作</a><span>-</span><a href="">加入我们</a>
        </p></br>
        <p class="copyright">杭州网易雷火科技有限公司版权所有&copy;1997-2017</p>
        <a href="" class="parent">点击查看家长监护工程 ></a>
        <p class="last-p">tx3.163.com由广州网易计算机系统有限公司授权杭州网易雷火科技有限公司使用</p>
    </div>
</div>
<!--footer部分结束-->
</div>
</body>
<script src="js/jquery-1.12.2.js"></script>
<script src="js/year.js"></script>
</html>